<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- 原生websocket语法 -->
  <script>
    // 1. 如何创建websocket连接  new WebSocket('后端服务器地址')
    const ws = new WebSocket('wss://javascript.info/article/websocket/demo/hello')

    // 2. 监听连接成功事件
    ws.onopen = function () {
      console.log('连接成功')
      ws.send('我来啦')
    }

    // 3. 监听连接断开事件
    ws.onclose = function() {
      console.log('连接断开')
    }

    // 4. 后端主动发消息给我 我怎么知道??? => 触发一个事件message 携带数据
    ws.onmessage = function(e) {
      console.log(e)
    }

    // 5. 我怎么发消息给后端  ws.send('我来啦')
    
  </script>
</body>
</html>